import Link from "next/link";

export default function Header() {
  return (
    <header className="mx-32">
      <div className="flex justify-between items-center my-3">
        <div>
          <Link href="/" className="mr-4">
            Home
          </Link>
          <Link href="/weather/more" className="">
            More
          </Link>
        </div>

        <Link href="/weather/about" className="">
          About
        </Link>
      </div>

      <h1 className={`font-bold text-5xl my-10`}>My Weather App</h1>
    </header>
  );
}
